import './App.css'
const styles={
  fontSize:48,
  color:"#770",
  fontWeight:900
}
function App(){
  var msg = "中国香港是他主持回归的";
  var list = [
    <h2>A</h2>,
    <h2>B</h2>,
    <h2>C</h2>
  ]
  return (<div>
    <h1 className="active">你好react</h1>
    <p style={styles}>{msg}</p>
    {/* <p>{8>5?'可大':'太小'}</p>    */}
    {list}
  </div>)
}

export default App

// html与js混写的语法 称为 jsx
// jsx javascript和XML 混写
// 01 {} 写js javascript表达式
// 02 {/* */} 注释
// 03 数组里面可以包含html
// 04 有且只有一个根节点
// 05 类名用className
// 06 样式style会自动展开
// 优点：js书写html模板方便
//      比较接近原生，编译快